<template>
	<el-card class="main2">
		<div slot="header">
			<span>成绩管理/我的成绩</span>
		</div>
			<p v-for="grade in data" :key="grade.id">
				<label>{{grade.course.name}} : </label>
				<span >{{grade.grade}}</span>
			</p>
	</el-card>
</template>

<script>
	export default {
		data() {
			return {
				data: []
			}
		},
		mounted() {
			this.$ajax.post('grade/myGrade',{}).then(res=>{
				var result=res.data;
				if(result.success){
					this.data=result.data;
				}
			})
		}
	}
</script>

<style scoped>
	.main2 label {
		display: inline-block;
		width: 150px;
		text-align: right;
	}
	.main2 span {
		padding: 0.625rem;
	}
</style>
